<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>竞标详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/static/mui/css/mui.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604161_tfc7h0lgck5wxw29.css">
    <link rel="stylesheet" type="text/css" href="/static/css/aui.css"/>
    <script src="/static/js/api.js"></script>
    <script src="/static/mui/js/mui.js"></script>
    <script src="/static/js/vue.min.js"></script>
    <script src="/static/js/vue-resource.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <style type="text/css">
        .block-c {
            background: white;
        }

        p span {
            color: #f7f7f7;
        }

        .project_team {
            padding-top: 8px;
            padding-bottom: 8px;
            margin-top: 8px;
            padding-left: 8px;
            font-size: 15px;
            border-bottom: 1px solid #eee;
        }

        a .title {
            font-size: 15px;
            color: black;
        }

        a div {
            color: #929292;
            font-size: 15px;
        }

        .project_progress {
            background: white;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-top: 8px;
            padding-left: 8px;
            font-size: 15px;
            border-bottom: 1px solid #eee;
        }

        .bobao {
            padding-top: 8px;
            padding-bottom: 8px;
            margin-top: 8px;
            padding-left: 8px;
            font-size: 15px;
            border-bottom: 1px solid #eee;
        }

        div h6 {
            font-size: 13px;
        }

        div h6 span {
            margin-left: 20%;
            color: black;
        }

        .diaryTextImg img {
            width: 90%
        }

        /*body {*/
            /*background-color: #2392244;*/
        /*}*/

        .progress div {
            text-align: center;
            /*margin-bottom: 10px;*/
            margin-top: 10px;
            font-size: 15px;
            color: #000000;
        }

        .li_c {
            color: #82828c;
        }

        .list_word {
            color: #999999;
            font-size: 15px;
        }

        .content {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 44px;
            /*margin-bottom: 45px;*/
            padding: 0px;
            overflow: hidden;
        }
        body {
            background-color: rgb(239, 239, 244);
        }

        .bar-nav1 {
            top: 0;
            text-align: center;
        }
        .bar1 {
            position: fixed;
            z-index: 10;
            right: 0;
            left: 0;
            height: 44px;
            padding-right: 10px;
            padding-left: 10px;
            border-bottom: 0;
            backface-visibility: hidden;
        }

        .bar-tab {
            bottom: 0;
            display: table;
            width: 100%;
            height: 44px;
            padding: 0;
            table-layout: fixed;
            border-top: 0;
            border-bottom: 0;

        }
        .bar {
            position: fixed;
            z-index: 10;
            right: 0;
            left: 0;
            height: 44px;
            backface-visibility: hidden;
        }
        .bar-tab .tab-item {
            display: table-cell;
            overflow: hidden;
            width: 1%;
            height:44px;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #929292;
        }

    </style>
</head>

<body>
<!--头部开始-->
<div class="bar1 bar-nav1 block-c">
<span style="color:#555555;line-height: 44px;float: left" onclick="back()">
        <span class="live live-fanhui"></span>
    </span>
<!--<span class="mui-icon icon icon-fenxiang-copy mui-pull-right" style="line-height: 44px;font-size: 20px; color: #fe8200;"></span>-->
<span style="line-height: 44px">竞标详情</span>
</div>
<!--头部结束-->

<!--信息展示开始-->

<div class="content weui-pull-to-refresh" id="listwrap" style="height:100%; margin-top: 1px;overflow:auto;  z-index: 1">

    <div id="list">

        <!--顶部图片开始-->
        <div class="workerInfo">
            <div class="ft" style="position: relative;height: 135px">
                <img src="/static/images/t3.jpg" style="height: 100%;width: 100%;">
                <span style="position: absolute;left: 10px;bottom: 5px;">
                <h5 style="color:#f7f7f7;">
                    {foreach name="$pro.client" item="it"}
                    <b>{$it.name}</b>
                    {/foreach}
                    的家</h5>
            <p>
                <span>{$pro.address}</span>
						<span>{$pro.house_type}</span>
						<span>{$pro.area}m²</span>
						</p>
						</span>
            </div>
        </div>
        <!--顶部图片结束-->

        <!--项目管理团队开始-->
        <div class="project_team block-c">
            项目管理团队
        </div>
        <div class="team_members mui-row block-c">
            <div class=" mui-col-sm-3 mui-col-xs-3" style="text-align: center;margin-top: 10px;margin-bottom: 10px">
                <a>
                    <img src="{$am.avatar}" style="max-width: 50px;">
                    <div class="title">客户经理</div>
                    <div>{$am.truename}</div>
                </a>
            </div>
            <div class="mui-col-sm-3 mui-col-xs-3" style="text-align: center;margin-top: 10px;">
                <a>

                    <img src="{$ds.avatar}" style="max-width: 50px;">
                    <div class="title">设计师</div>
                    <div>{$ds.truename}</div>
                </a>
            </div>
            <div class="mui-col-sm-3 mui-col-xs-3" style="text-align: center;margin-top: 10px;">
                <a>

                    <img src="{$pm.avatar}" style="max-width: 50px;">
                    <div class="title">项目经理</div>
                    <div>{$pm.truename}</div>
                </a>
            </div>
            <div class="mui-col-sm-3 mui-col-xs-3" style="text-align: center;margin-top: 10px;">
                <a>

                    <img src="{$qc.avatar}" style="max-width: 50px;">
                    <div class="title">质检</div>
                    <div>{$qc.truename}</div>
                </a>
            </div>
        </div>
        <!--项目管理团队结束-->

        <!--项目介绍开始-->
        <div class="bobao block-c">项目介绍</div>
        <div class="block-c" style="padding: 15px">
            <div class="mui-row" style="margin-left: 10px;">
                <div class="mui-col-xs-6">地点：</div>
                <div class="mui-col-xs-6 list_word">{$pro.address}</div>
            </div>
            <div class="mui-row" style="margin-left: 10px;">
                <div class="mui-col-xs-6">户主：</div>
                <div class="mui-col-xs-6 list_word">{foreach name="$pro.client" item="it"}
                    <b>{$it.name}</b>
                    {/foreach}</div>
            </div>
            <div class="mui-row" style="margin-left: 10px;">
                <div class="mui-col-xs-6">规格：</div>
                <div class="mui-col-xs-6 list_word">{$pro.house_type}</div>
            </div>
            <div class="mui-row" style="margin-left: 10px;">
                <div class="mui-col-xs-6">面积：</div>
                <div class="mui-col-xs-6 list_word">{$pro.area}m²</div>
            </div>

        </div>
        <div id="worker" class="bobao block-c">所需工种</div>
        <div class="block-c" style="padding: 15px">
            <div class="mui-row" style="margin-left: 10px;">
                {foreach $stage.type as $i}
                    <div class="mui-col-xs-3 list_word">{$i.type}</div>
                {/foreach}
                </div>

        </div>
        <div class="bobao block-c">所需材料</div>
        <div class="block-c" style="margin-bottom: 50px;padding: 15px" >
            <div class="mui-row" style="margin-left: 10px;">
                {foreach $res as $i}
                <div class="mui-col-xs-3 list_word">{$i.name}
                </div>
                {/foreach}
            </div>

        </div>



        <!--项目介绍结束-->
        <nav class="bar bar-tab" onclick="bid()">
            <a  id="jingbiao"class="tab-item" href="#" style="background-color: #fe8200">
                <span  style="color: white;font-size: 20px">{{flag}}</span>
            </a>
        </nav>

    </div>
</div>

<!--信息展示结束-->

</body>

<script>


    $(function(){
        vm.flag="{$f}";
    })

    var vm=new Vue({
        el: "#list",
        data: {
            flag:"",
        },

    });
    function bid() {
        if (vm.flag=="竞标") {
            $.get("{:url('bid_detail')}" , {worker_id: "{$uid}",stage_id:"{$sid}",status:0},
                function (res) {
                 if (res.code == 1) {
                     mui.toast('操作成功！');
                     vm.flag = "正在审核";
                 }
                }
            );
        }
        else{
            mui.toast('无法操作！');
        }
    }
    function back(){
        var path="{:url('/home/worker/myjb')}";
        location.href = path;
    }

</script>

</html>